import React from 'react'
import styles from './ProductListDoubleList.css'

class ProductListDoubleList extends React.Component {
  constructor(props) {
    super(props)
  }

  render() {
    return (
      <div className={styles.container}>
        <ul className={styles.p_ul}>
          {
            this.props.puoductLists.map((item, i) => {
              return (
                <li className={styles.p_list} key={i}>
                  <img className={styles.img_bg} src={item.avatar}/>
                  <div className={styles.list_main}>
                    <div className={styles.list_title}>{item.title}</div>
                    <div className={styles.list_price}>￥{item.price}</div>
                    <div className={styles.list_bottom}>
                      <span>{item.comment}条评论</span>
                      <span className={styles.nice}>{item.nice}好评</span>
                    </div>
                  </div>
                </li>
              )
            })
          }
        </ul>
      </div>
    )
  }
}

export default ProductListDoubleList
